$(function(){
    $.ajax({
        url:'http://localhost:3000/useing/public',
        method:'GET',
        success:function(res){
            var str = '';
            $.each(res,function(index,item){
                str += "<li class=li><img class=img src="+item.img+"><h4 class=hh>"+item.text+"</h4>"+
                "<span class=span>"+item.totalnum+"</span>"+
                "<span class=span>"+item.num+"台</span>"+
                "<i class=i>"+item.apply+"<b class=b>申请</b></i>"+
                "<i class=i>剩余时间2天</i>"
                "</li>"
            })
            $('.inbox').html(str)
        }

    })
    $.ajax({
        url:'http://localhost:3000/useing/master',
        method:'GET',
        success:function(res1){
            var str1 = '';
            $.each(res1,function(index,item){
                str1 += "<li class=li><img class=img src="+item.img+"><h4 class=hh>"+item.text+"</h4>"+
                "<span class=span>"+item.totalnum+"</span>"+
                "<span class=span>"+item.num+"台</span>"+
                "<i class=i>"+item.apply+"<b class=b>申请</b></i>"+
                "<i class=i>剩余时间2天</i>"
                "</li>"
            })
            $('.inbox2').html(str1)
        }

    })



    $('.tab_list li').click(function(){
        $(this).addClass('list-con').siblings('li').removeClass('list-con');
        var index = $(this).index();
        $(".tab_con .item").eq(index).show().siblings('.item').hide();
        
    })
    $('.tab2_list li').click(function(){
        $(this).addClass('list2-con').siblings('li').removeClass('list2-con');
        var index = $(this).index();
        $(".tab_con .item2").eq(index).show().siblings('.item2').hide();
        
    })
    $('.more').click(function(){
        $(this).html('没有更多啦~').css('color','gray')
    })
})